<?
include_once '../includes/config.php';
include_once '../includes/parcial.php';
$tipoDocServicios = new TipoDocumentoServicios();
$tiposDoc = $tipoDocServicios->listar();
for ($i = 0; $i < count($tiposDoc); $i++)
{
  $tiposDocumento[$i]["key"] = $tiposDoc[$i]["id"];
  $tiposDocumento[$i]["value"] = $tiposDoc[$i]["nombre"];
}
?>
<div id="contenedorModificarCliente">
  <form accept-charset="utf-8" id="formCliente" action="">
    <div class="contenedorBotones">
      <?
      echo Helper::botonJquery('agregar', 'agregar', 'Agregar');
      echo Helper::botonJquery('cancelar', 'cancelar', 'Cancelar');
      ?>
    </div>
    <div class="contenedorModulos">
      <div class="modulo">
        <?
        echo Helper::entradaTextoVertical("Nombre", "150", "", 'nombre_cliente');
        echo Helper::entradaTextoVertical("Apellido", "150", "", 'apellido_cliente');
        ?>
      </div>
      <div class="modulo">
        <?
        echo Helper::selectVertical("Tipo Documento", $tiposDocumento, 'tipo_documento_cliente', 'tipo_documento_cliente');
        echo Helper::entradaTextoVertical("Docuemnto", "150", "", 'nro_documento_cliente');
        ?>
      </div>
      <div class="modulo">
        <?
        echo Helper::entradaTextoVertical("Domicilio", "150", "", 'domicilio_cliente');
        echo Helper::entradaTextoVertical("Teléfono", "150", "", 'telefono_cliente');
        ?>
      </div>
      <div class="modulo">
        <?
        echo Helper::entradaTextoVertical("Email", "150", "", 'email_cliente');
        ?>
      </div>
    </div>
  </form>
</div>
<script type="text/javascript">
  $(function(){
    $("#formCliente").validate(
    {
      rules: 
        { 
        email_cliente: "email",
        nombre_cliente: "required",
        tipo_documento_cliente: "required",
        nro_documento_cliente: "required",
        apellido_cliente: "required"
      },
      messages: 
        {
                
        email_cliente: "*",
        nombre_cliente: "*",
        tipo_documento_cliente: "*",
        nro_documento_cliente: "*",
        apellido_cliente: "*"
      }
    });
    $("#agregar").click(function(event){
      event.preventDefault();
      if ( $("#formCliente").validate().form()){
        $.blockUI();
        var datos=$("#formCliente").serialize();
        $.ajax({
          type: "POST",
          url: "agregarCliente.php",
          data: datos,
          success: function(data){
            if (data=="1"){
              $.ajax({
                type: "POST",
                url: "recargarTablas.php",
                data: {objeto: "Cliente"},
                success: function(res){
                  $("#recargarTabla").html(res);
                  $.unblockUI();
                  $.growlUI('Cliente agregado..');
                  $("#tope").html("");
                  $("#tope").slideUp(1);
                }
              });
            }
            else{
              $.unblockUI();
              $.growlUI('No se pudo agregar el Cliente..'); 
            }
          }
        });
      }
      else{
        $.growlUI('Complete los campos obligatorios, y verifique los tipos de datos..');
      }
    });
  });
</script>

